<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/home.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/pages.css">
    <script src="./js/jquery.js"></script>
    <script src="./swiper/swiper-bundle.min.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./axios/axios.min.js"></script>
    <script src="./js/packaging_axios.js"></script>
    <script src="./js/home.js"></script>
    <script src="./js/pages.js"></script>
</head>
<body>
    <div class="iot_top">
        <div><img src="./icons/logo/logo.png" alt=""><span>新鲜&nbsp;·&nbsp;亲民&nbsp;·&nbsp;快捷</span></div>
        <div><div><span>搜索商品</span></div></div>
    </div>
  <!-- Swiper -->
  <div class="swiper mySwiper iot_banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="" alt=""></div>
      <div class="swiper-slide"><img src="" alt=""></div>
      <div class="swiper-slide"><img src="" alt=""></div>
      <div class="swiper-slide"><img src="" alt=""></div>
      <div class="swiper-slide"><img src="" alt=""></div>
    </div>
    <div class="swiper-pagination" id="iot_down"></div>
  </div>
    <!-- 前台分类 -->
    <nav class="iot_nav">
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
        <a href="#"><img src="" alt=""><div></div></a>
    </nav>
    <!-- 热门推荐 -->
    <div class="iot_hot">
        <div class="iot_box">
            <div><p></p><p>精选全攻略</p></div>
            <a href=""><img src="" alt=""><img src="" alt=""></a>
        </div>
        <div class="iot_box">
            <div><p></p><p>最受欢迎</p></div>
            <a href=""><img src="" alt=""><img src="" alt=""></a>
        </div>
        <div class="iot_box">
            <div><p></p><p>精心优选</p></div>
            <a href=""><img src="" alt=""><img src="" alt=""></a>
        </div>
        <div class="iot_box">
            <div><p>新鲜好物</p><p>生活加分项</p></div>
            <a href=""><img src="" alt=""><img src="" alt=""></a>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="iot_title"><img src="./icons/logo/bubble.png" alt="">猜你喜欢<img src="./icons/logo/bubble.png" alt=""></div>
    <div class="iot_pages">
    <div class="iot_page1">
        <div class="iot_couple">
            <a href="#">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
            <a href="#">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
        </div>
        <div class="iot_couple">
            <a href="#">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
            <a href="#">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
        </div>
        <div class="iot_couple">
            <a href="">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
            <a href="">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
        </div>
        <div class="iot_couple">
            <a href="">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
            <a href="">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
        </div>
        <div class="iot_couple">
            <a href="">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
            <a href="">
            <img src="" alt="">
            <p></p>
            <p></p>
            </a>
        </div>
    </div>
    </div>
    <div class="iot_loading">正在加载……</div>
</body>
<script>
// Initialize Swiper
    var swiper = new Swiper(".mySwiper", {
      pagination: {
        el: ".swiper-pagination",
      },
      loop: true,
      autoplay : {
        delay : 3000, //自动切换的时间间隔，单位ms
        disableOnInteraction : false //用户操作swiper之后，是否禁止autoplay
    },
    });
</script>
</html>